<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <include file="Public:common_file" />
    <meta name="description" content="{$info.description}">
    <meta name="keywords" content="{$info.keywords}">
    <title>{$data.name} - {$info.title}</title>
    <link rel="stylesheet" href="/Public/css/roll.css">
    <style type="text/css">
    	.swiper-container {
		    width: 100%;
		    height: 300px;		}
		.swiper-slide {
		    text-align: center;
		    font-size: 18px;
		    background: #fff;
		    background-size:100% 100%;
		    background-repeat:no-repeat;
		}
    </style>
</head>
<body>

    <div class="good_select">
    	<a href="#info1">
    		<div class="select active">
	    		基本信息
	    	</div>
    	</a>

    	<a href="#info2">
	    	<div class="select">
	    		商品详情
	    	</div>
    	</a>

    	<a href="#info3">
	    	<div class="select">
	    		评价<b>184</b>
	    	</div>
    	</a>
    </div>
    <div class="clear"></div>
    <div class="info1" id="info1">
    	<div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide" style="background-image:url(/Public/img/t1.jpg)"></div>
	            <div class="swiper-slide" style="background-image:url(/Public/img/t2.jpg)"></div>
	            <div class="swiper-slide" style="background-image:url(/Public/img/t3.jpg)"></div>
	            <div class="swiper-slide" style="background-image:url(/Public/img/t4.jpg)"></div>
	            <div class="swiper-slide" style="background-image:url(/Public/img/t5.jpg)"></div>
	        </div>
	        <!-- Add Pagination -->
	        <div class="swiper-pagination"></div>
	    </div>

	    <div class="settings">
	    	<h1>春季小西装男士外套青年商务休闲西服男薄款单件韩版修身大码上衣</h1>
	    	<h2>￥<span>279.00</span></h2>
	    	<div class="other">
	    		<div class="o1">
	    			快递: 0.00
	    		</div>
	    		<div class="o2">
	    			销量：80件
	    		</div>
	    		<div class="o3">
	    			浙江杭州
	    		</div>
	    	</div>
	    </div>


    </div>

    <div class="info2" id="info2">
    	<div class="title">商品图片</div>

		<div class="mui-custommodule mdv-custommodule" data-mod-name="mui/mdv/zebra">
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i3/1781700452/TB2jwEFahAb61BjSZFAXXcQfVXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i2/1781700452/TB2wdgBaiwd61BjSZFtXXai7XXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i4/1781700452/TB2JiQzabMc61BjSZFFXXaDLFXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i4/1781700452/TB2vbZDahwb61BjSZJiXXbD3XXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i4/1781700452/TB2JqMBaisd61BjSZFHXXXfJXXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i2/1781700452/TB2Qnbkah3X61Bjy0FlXXaGtVXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i1/1781700452/TB2tsrlanAX61Bjy0FcXXaSlFXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i4/1781700452/TB2pznhacIa61Bjy1zeXXX7wXXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i2/1781700452/TB2CHblacgb61BjSspjXXbhRVXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i3/1781700452/TB2HgHlahAX61Bjy1XcXXXjspXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i1/1781700452/TB2YPDkancX61BjSspcXXa.0pXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i2/1781700452/TB2DhYoanka61Bjy0FoXXb1sFXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i4/1781700452/TB2ATsDahMb61BjSZFuXXaERXXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i1/1781700452/TB2z57zabMc61BjSZFFXXaDLFXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i1/1781700452/TB2VR2facwb61Bjy0FfXXXvlpXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i4/1781700452/TB2TWIFagUc61BjSZFmXXbJHFXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		    <div class="mui-custommodule-item">
		        <img class="lazyImg img-ks-lazyload" alt="" src="https://img.alicdn.com/imgextra/i3/1781700452/TB29jDfacIa61Bjy0FbXXbWXpXa_!!1781700452.jpg_790x10000Q30.jpg_.webp">
		    </div>
		    
		</div>
            
    </div>

    <div class="info3" id="info3">
    	<div class="title">用户评价</div>
    	<div id="list">
	        <ul>
	            <li>
	                <div class="po-avt-wrap">
	                    <img class="po-avt data-avt lazy" data-original="/Public/img/head.jpg">
	                </div>
	                <div class="po-cmt">
	                    <div class="po-hd">
	                        <p class="po-name"><span class="data-name">马焕</span></p>
	                        <div class="post">
	                            <p>特别满意的一次网购，面料很好！版型也不错！老公超喜欢，绝对的物超所值，在商场买得千儿八百的，在这就能愉快淘到！谢谢卖家推荐的尺寸也合适，棒棒哒！</p>
	                            <p>
	                                <img class="list-img lazy" data-original="/Public/img/banner5.jpg" style="height: 80px;">
	                                <img class="list-img lazy" data-original="/Public/img/banner7.jpg" style="height: 80px;">
	                                <img class="list-img lazy" data-original="/Public/img/banner8.jpg" style="height: 80px;">
	                            </p>
	                        </div>
	                        <p class="time">刚刚</p>
	                    </div>
	                </div>
	            </li>
	            <li>
	                <div class="po-avt-wrap">
	                    <img class="po-avt data-avt lazy" data-original="/Public/img/head.jpg">
	                </div>
	                <div class="po-cmt">
	                    <div class="po-hd">
	                        <p class="po-name"><span class="data-name">马焕</span></p>
	                        <div class="post">
	                            <p>特别满意的一次网购，面料很好！版型也不错！老公超喜欢，绝对的物超所值，在商场买得千儿八百的，在这就能愉快淘到！谢谢卖家推荐的尺寸也合适，棒棒哒！</p>
	                            <p>
	                                <img class="list-img lazy" data-original="/Public/img/banner5.jpg" style="height: 80px;">
	                                <img class="list-img lazy" data-original="/Public/img/banner7.jpg" style="height: 80px;">
	                                <img class="list-img lazy" data-original="/Public/img/banner8.jpg" style="height: 80px;">
	                            </p>
	                        </div>
	                        <p class="time">刚刚</p>
	                    </div>
	                </div>
	            </li>
	        </ul>
	    </div>
    </div>

	<include file="Public:foot" />
	<link rel="stylesheet" href="/Public/css/viewer.min.css">
    <script type="text/javascript" src="/Public/js/viewer.min.js"></script>
	<script src="/Public/js/s.js"></script>
    <script type="text/javascript">
		swiper_go1();
        imgload();
        $('.info2').viewer();
        $('.post').viewer();

        $(document).ready(function() {
		  $(".good_select a").click(function() {
		    $("html, body").animate({
		      scrollTop: $($(this).attr("href")).offset().top + "px"
		    }, {
		      duration: 500,
		      easing: "swing"
		    });
		    $('.select').removeClass("active");
		    $(this).children('.select').addClass("active");
		    return false;
		  });
		});
    </script>
	
</body>
</html>